@CHARSET "UTF-8";

body { font-family: Tahoma; background: #000000; }

.page { width: 800px; border: none;  margin-left: auto; margin-right:auto;  }
#PAGE_CONTENT { width: 800px; margin-top: 30px; float: left; }

div.page-bottom { background: url(page-bottom.gif) top left no-repeat; width: 800px; height: 10px; float: left;  font-size: 1px;  }
div.page-top { background: url(page-top.gif) top left no-repeat; width: 800px; height: 10px; float: left;  font-size: 1px;  }

a { text-decoration: none; color: #d43402; border: none;}
a img{ border: none;}
.link { cursor: pointer; color: #d43402; } 

div.top-left { width: 10px; height: 10px; font-size: 1px; }
div.top-right { width: 10px; height: 10px; font-size: 1px; }
div.bottom-left { width: 10px; height: 10px; font-size: 1px; }
div.bottom-right { width: 10px; height: 10px; font-size: 1px; }

div.oneBigColumn { width: 800px; }

div.top-banner { width: 800px; margin-bottom: 10px; float: left;}

div.menu { width: 800px; float: left; font-weight: bold; }

div.menu div.item { float: left; width: 260px; height: 40px; cursor: pointer; text-align: center; white-space: nowrap; }
div.menu div.item div { float: left; }
div.menu div.item div.middle { width: 240px; color: #ffffff; height: 30px; padding-top: 10px; }
div.menu div.item div.left { width: 10px; height: 40px; }
div.menu div.item div.right { width: 10px; height: 40px; }

div.menu div.item div.middle-left { width: 10px; height: 20px; }
div.menu div.item div.middle-right { width: 10px; height: 20px; }

div.menu div.item1 { margin-right: 10px; background: #ca3515; }
div.menu div.item1 div.top-left{ background: url(red-on-black.gif) 0px 0px  no-repeat; }
div.menu div.item1 div.top-right{ background: url(red-on-black.gif) -10px 0px no-repeat;}
div.menu div.item1 div.bottom-left{ background: url(red-on-black.gif) 0px -10px  no-repeat; }
div.menu div.item1 div.bottom-right{ background: url(red-on-black.gif) -10px -10px no-repeat;}
div.menu div.item1 div.middle{ background: url(1-menu-bg.gif) 0px 0px  repeat-x;}

div.menu div.item2 { margin-right: 10px; background: #44a20b; }
div.menu div.item2 div.top-left{ background: url(green-on-black.gif) 0px 0px  no-repeat; }
div.menu div.item2 div.top-right{ background: url(green-on-black.gif) -10px 0px no-repeat;}
div.menu div.item2 div.bottom-left{ background: url(green-on-black.gif) 0px -10px  no-repeat; }
div.menu div.item2 div.bottom-right{ background: url(green-on-black.gif) -10px -10px no-repeat;}
div.menu div.item2 div.middle{ background: url(2-menu-bg.gif) 0px 0px  repeat-x; }

div.menu div.item3 { background: #062f9e; }
div.menu div.item3 div.top-left{ background: url(blue-on-black.gif) 0px 0px  no-repeat; }
div.menu div.item3 div.top-right{ background: url(blue-on-black.gif) -10px 0px no-repeat;}
div.menu div.item3 div.bottom-left{ background: url(blue-on-black.gif) 0px -10px  no-repeat; }
div.menu div.item3 div.bottom-right{ background: url(blue-on-black.gif) -10px -10px no-repeat;}
div.menu div.item3 div.middle{ background: url(3-menu-bg.gif) 0px 0px repeat-x; }


div.places {float: left; width: 200px; overflow: hidden;}
div.places div.top-left{ background: url(green-on-black-15p.gif) 0px 0px  no-repeat; float: left; font-size: 1px; }
div.places div.top-right{ background: url(green-on-black-15p.gif) -10px 0px no-repeat; float: left; font-size: 1px; }
div.places div.top-middle { width: 180px; height: 10px;  float: left; background: url(bg_green.gif) 0px 0px repeat; font-size: 1px; }
div.places div.bottom-left{ background: url(green-on-black-15p.gif) 0px -10px  no-repeat; float: left; font-size: 1px; }
div.places div.bottom-right{ background: url(green-on-black-15p.gif) -10px -10px no-repeat; float: left; font-size: 1px; }
div.places div.bottom-middle { width: 180px; height: 10px;  float: left; background: url(bg_green.gif) 0px 0px repeat; font-size: 1px; }
div.places div.middle{ background: url(2-menu-bg.gif) 0px 0px  repeat-x; }
div.places div.top { width: 200px; height: 10px; }
div.places div.bottom { width: 200px; height: 10px; }

div.places .block { margin-bottom: 10px; float: left; }
div.place { line-height: 18px; font-size: 12px; background: url(bg_green.gif) 0px 0px repeat; float: left; width: 180px; padding: 0px 10px 0px 10px; margin-botom: 20px; }

div.place .name { font-size: 14px; font-weight: bold; color: #d43402; padding: 5px 0px; width: 180px; float: left; }
div.place .link { text-align: right; color: #d43402; padding: 5px 0px; }
div.place .phone { color: #737373;  width: 180px; float: left; }
div.place .phone .label { color: #000000; float: left; padding-right: 5px; }
div.place .ggimg { float: left; }
div.place .value { float: left; }

div.map { float: left; width: 580px; margin-left: 20px; height: 400px; }
div.map div.top-left{ background: url(red-on-black-15p.gif) 0px 0px  no-repeat; float: left; font-size: 1px;  }
div.map div.top-right{ background: url(red-on-black-15p.gif) -10px 0px no-repeat; float: left; font-size: 1px; }
div.map div.top-middle { width: 560px; height: 10px;  float: left; background: url(bg_red.gif) 0px 0px repeat;  font-size: 1px; }
div.map div.bottom-left{ background: url(red-on-black-15p.gif) 0px -10px  no-repeat; float: left;  font-size: 1px; }
div.map div.bottom-right{ background: url(red-on-black-15p.gif) -10px -10px no-repeat; float: left;  font-size: 1px; }
div.map div.bottom-middle { width: 560px; height: 10px;  float: left; background: url(bg_red.gif) 0px 0px repeat;  font-size: 1px; }

div.googleMap { float: left; background: url(bg_red.gif) 0px 0px repeat; height: 400px; width: 560px; padding: 0px 10px; overflow: hidden; }
div.gMap { width: 560px; height: 400px; border: none; background: #ffffff; }

div.top200 { height: 10px; font-size: 1px; background: url(border200.gif) 0px 0px no-repeat; float: left; width: 200px; }
div.bottom200 { height: 10px; font-size: 1px; background: url(border200.gif) 0px -10px no-repeat; float: left; width: 200px; }

div.top580 { height: 10px; font-size: 1px; background: url(border580.gif) 0px 0px no-repeat; float: left; width: 580px; }
div.bottom580 { height: 10px; font-size: 1px; background: url(border580.gif) 0px -10px no-repeat; float: left; width: 580px; }




div.products { float: left; /*width: 580px; background: url(bg_blue.gif) 0px 0px repeat; height: 0px;*/  }
div.products div.top-left{ background: url(blue-on-black-15p.gif) 0px 0px  no-repeat; float: left; }
div.products div.top-right{ background: url(blue-on-black-15p.gif) -10px 0px no-repeat; float: left;}
div.products div.top-middle { width: 560px; height: 10px;  float: left; background: url(bg_blue.gif) 0px 0px repeat; }
div.products div.bottom-left{ background: url(blue-on-black-15p.gif) 0px -10px  no-repeat; float: left; }
div.products div.bottom-right{ background: url(blue-on-black-15p.gif) -10px -10px no-repeat; float: left; }
div.products div.bottom-middle { width: 560px; height: 10px;  float: left; background: url(bg_blue.gif) 0px 0px repeat; }
div.products div.content { float: left; width: 560px; padding: 0px 10px; background: url(bg_blue.gif) 0px 0px repeat;}


div.left-menu { float: left; width: 220px; overflow: hidden;  }

div.left-menu div.item { float: left; width: 200px; height: 40px; cursor: pointer; text-align: center; white-space: nowrap; margin-bottom: 10px; }
div.left-menu div.item div { float: left; }
div.left-menu div.item div.middle { width: 180px; color: #ffffff; height: 30px; padding-top: 10px; }
div.left-menu div.item div.left { width: 10px; height: 40px; }
div.left-menu div.item div.right { width: 10px; height: 40px; }

div.left-menu div.item div.middle-left { width: 10px; height: 20px; }
div.left-menu div.item div.middle-right { width: 10px; height: 20px; }

div.left-menu div.itemHeader { margin-right: 10px; background: #ca3515 ; cursor: auto;}
div.left-menu div.itemHeader div.top-left{ background: url(red-on-black.gif) 0px 0px  no-repeat; }
div.left-menu div.itemHeader div.top-right{ background: url(red-on-black.gif) -10px 0px no-repeat;}
div.left-menu div.itemHeader div.bottom-left{ background: url(red-on-black.gif) 0px -10px  no-repeat; }
div.left-menu div.itemHeader div.bottom-right{ background: url(red-on-black.gif) -10px -10px no-repeat;}
div.left-menu div.itemHeader div.middle{ background: url(1-menu-bg.gif) 0px 0px  repeat-x;}

div.left-menu div.itemNormal { margin-right: 10px; background: #45a20b; }
div.left-menu div.itemNormal div.top-left{ background: url(green-on-black.gif) 0px 0px  no-repeat; }
div.left-menu div.itemNormal div.top-right{ background: url(green-on-black.gif) -10px 0px no-repeat;}
div.left-menu div.itemNormal div.bottom-left{ background: url(green-on-black.gif) 0px -10px  no-repeat; }
div.left-menu div.itemNormal div.bottom-right{ background: url(green-on-black.gif) -10px -10px no-repeat;}
div.left-menu div.itemNormal div.middle{ background: url(2-menu-bg.gif) 0px 0px  repeat-x;}

div.left-menu div.active { float: left; width: 230px; height: 40px; cursor: pointer; text-align: center; white-space: nowrap; margin-bottom: 10px; }
div.left-menu div.active div { float: left; }
div.left-menu div.active div.middle { width: 180px; color: #44a20b; height: 30px; padding-top: 10px; float:left; }
div.left-menu div.active div.left { width: 10px; height: 40px; }
div.left-menu div.active div.right { width: 30px; height: 40px; }

div.left-menu div.active div.middle-left { width: 10px; height: 20px; }
div.left-menu div.active div.middle-right { width: 20px; height: 20px; }

div.left-menu div.active { margin-right: 10px; background: url(bg_blue.gif) 0px 0px  repeat; }
div.left-menu div.active div.top-left{ background: url(green-on-black-15p.gif) 0px 0px  no-repeat; }
div.left-menu div.active div.top-right{ width: 30px; background: url(bg_blue.gif) 0px 0px  repeat; }
div.left-menu div.active div.bottom-left{ background: url(green-on-black-15p.gif) 0px -10px  no-repeat; }
div.left-menu div.active div.bottom-right{ width: 30px; background: url(bg_blue.gif) 0px 0px  repeat;}
div.left-menu div.active div.middle{ background: url(bg_blue.gif) 0px 0px  repeat;}


/***************** Products ***************************/
div.productsList { width: 530px;  }
div.productsList div.product { float: left; }
div.productsList div.foto { padding: 10px 10px; width: 215px; float: left; overflow: hidden; }
div.productsList div.details { padding: 10px 10px; width: 275px; float: left; }
div.productsList div.name { font-weight: bold; font-size: 16px;  float: left; padding: 10px 0px;  }
div.productsList div.short { padding: 10px 0px; vertical-align: top; width: 100%;  float: left; line-height: 18px; }
div.productsList div.linkMore { text-align: right; float: right; }
div.productsList div.line{ width: 100%; text-align: center; font-size: 1px; padding: 10px 0px;  float: left; }

div.productsDetails { width: 550px;  }
div.productsDetails  div.foto { text-align: middle; padding: 10px 0px;}
div.productsDetails  div.name { }
div.productsDetails  div.short { vertical-align: top; width: 100%; }
div.productsDetails  div.desc { vertical-align: top; }
div.productsDetails  div.linkMore { text-align: right; padding-bottom: 10px;  }

div.groupBeginning { padding: 10px 0px 10px 0px; }


/**********************************************/
div.product-banners { background: #ffffff; width: 200px; }

div.product-banners { float: left; width: 200px; /*width: 580px; background: url(bg_blue.gif) 0px 0px repeat; height: 0px;*/  }
div.product-banners div.top-left{ background: url(blue-on-black-15p.gif) 0px 0px  no-repeat; float: left; }
div.product-banners div.top-right{ background: url(blue-on-black-15p.gif) -10px 0px no-repeat; float: left;}
div.product-banners div.top-middle { font-size: 1px; width: 180px; height: 10px;  float: left; background: url(bg_blue.gif) 0px 0px repeat; }
div.product-banners div.bottom-left{ background: url(blue-on-black-15p.gif) 0px -10px  no-repeat; float: left; }
div.product-banners div.bottom-right{ background: url(blue-on-black-15p.gif) -10px -10px no-repeat; float: left; }
div.product-banners div.bottom-middle {font-size: 1px; width: 180px; height: 10px;  float: left; background: url(bg_blue.gif) 0px 0px repeat; }
div.product-banners div.content { float: left; width: 180px; padding: 0px 10px; background: url(bg_blue.gif) 0px 0px repeat;}



div.intro { float: left; width: 580px; margin-right: 20px; /*background: url(bg_blue.gif) 0px 0px repeat; height: 0px;*/  }
div.intro div.top-left{ background: url(blue-on-black-15p.gif) 0px 0px  no-repeat; float: left; }
div.intro div.top-right{ background: url(blue-on-black-15p.gif) -10px 0px no-repeat; float: left;}
div.intro div.top-middle {font-size: 1px;  width: 560px; height: 10px;  float: left; background: url(bg_blue.gif) 0px 0px repeat; }
div.intro div.bottom-left{ background: url(blue-on-black-15p.gif) 0px -10px  no-repeat; float: left; }
div.intro div.bottom-right{ background: url(blue-on-black-15p.gif) -10px -10px no-repeat; float: left; }
div.intro div.bottom-middle {font-size: 1px;  width: 560px; height: 10px;  float: left; background: url(bg_blue.gif) 0px 0px repeat; }
div.intro div.content { float: left; width: 560px; padding: 0px 10px; background: url(bg_blue.gif) 0px 0px repeat;}
